<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--All the CSS-->
<link href="css/sugarcake.css" rel="stylesheet" type="text/css" />
<link href="css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="scripts/scroller_/facescroll.js"></script>
<link rel="stylesheet" type="text/css" href="css/allfont.css" />
<link rel="stylesheet" type="text/css" href="css/nexus_menu/component.css" />
<link rel="stylesheet" type="text/css" href="css/nano_scroller/general.css" />
<link rel="stylesheet" type="text/css" href="css/popupwindow.css" />
<script type="text/javascript" src="scripts/scroller_/modernizr.custom.29473.js"></script>
<script type="text/javascript" src="scripts/scroller_/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="scripts/scroller_/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/popupwindow.js"></script>

<!--All the CSS-->
<title>Taggerzz - Collect.Connect.Tag and Share your Web-Data with Everyone and Any 'one'</title>
</head>
<body>
<div class="wrapper">
		<!-- Header Start-->
		<div class="header_main">
		  <div class="header_block">
				<div class="main_logo"><img src="imgs/taggerzz_logo_n.png" width="128" height="52" /></div>
				<div class="login_block">
				  <div class="email_login_home"><a id="open-pop-up-1" href="#pop-up-1" class="link_email_login">Email login</a></div>
				</div>
		  </div>
		</div>
		<!-- Header End -->
		<div class="body_main_container">
			<div class="body_middle_container">
				<div class="upload_links">
					<h2 class="links_h2_h">Uploading links from your Bookmark File ‘Bookmark.bak’</h2>
					<div>
					<div class="add_links">
						<input class="brg_pad" type="text" placeholder="https://www.google.com/"> 
						<img src="imgs/social_media/link_icon.png"/>
						<img src="imgs/social_media/checkmark.png"/>
					</div>
					<div class="add_links">
						<input class="brg_pad" type="text" placeholder="https://www.google.com/"> 
						<img src="imgs/social_media/link_icon.png"/>
						<img src="imgs/social_media/checkmark.png"/>
					</div>
					<div class="add_links">
						<input class="brg_pad" type="text" placeholder="https://www.google.com/"> 
						<img src="imgs/social_media/link_icon.png"/>
						<img src="imgs/social_media/checkmark.png"/>
					</div>
					<div class="add_links">
						<input class="brg_pad" type="text" placeholder="https://www.google.com/"> 
						<img src="imgs/social_media/link_icon.png"/>
						<img src="imgs/social_media/checkmark.png"/>
					</div>
					<div class="add_links">
						<input class="brg_pad" type="text" placeholder="https://www.google.com/"> 
						<img src="imgs/social_media/link_icon.png"/>
						<img src="imgs/social_media/checkmark.png"/>
					</div>
					<div class="add_links">
						<input class="brg_pad" type="text" placeholder="https://www.google.com/"> 
						<img src="imgs/social_media/link_icon.png"/>
						<img src="imgs/social_media/checkmark.png"/>
					</div>
					<div class="add_links">
						<input class="brg_pad" type="text" placeholder="https://www.myBrokenlink.com/"> 
						<img src="imgs/social_media/wrong_link_icon.png"/>
					</div>
					<div class="add_links">
						<input class="brg_pad" type="text" placeholder="https://www.mydmmylinjk.com/"/> 
						<img src="imgs/social_media/loading.gif" style="width:24px;height:24px;"/><b>Veryfying, Identifying</b>
					</div>
					<div class="add_links">
						<input type="submit" value="58 links to go"> 
					</div>
					
					<div class="clearfix"></div>
					</div>
					<div class="upload_links_b">
						<div class="user_accessing">
							<a href="javascript:void(0);" id="private_btn" class="active_btn">Private</a>
							<a href="javascript:void(0);" id="public_btn" class="public_btn">Public</a>
						</div>
						<div id="hideandshow_private">
						<div class="user_accessing">
							<h3>Your Accessing Details</h3>
						</div>
						<div class="access_details">
							<div>
								<p>Specify Your Hashtag</p>
								<input class="hastag_w brg_pad" type="text" placeholder="#EXAMPLE"/>
							</div>
							<div>
								<p>Generated Unique Code <strong>(regenarate)</strong></p>
								<input class="g_u_code_w brg_pad" type="text"/>
							</div>
						</div>
						<div class="upload_text"><p>Upload a Picture for Your Databox / Collection</p></div>
						<div class="databox_collections">
							<div class="user_profile_pick">
								<div class="profile_brg">
									<h5>&nbsp;#myhashtag</h5>
								<img src="imgs/social_media/profile_bookmark.png"/>
								</div>
								<p>ADJUST</p>
							</div>
							<div class="public_private_access">
								<p>page title</p>
								<input type="text" class="brg_pad"/>
								<h3>Your content nature</h3>
								<div class="check_brg">
									<span>&nbsp;&nbsp;&nbsp;<input type="checkbox"> Mature content &nbsp;&nbsp;&nbsp;</span>
									<span><input type="checkbox"> NSFW (Not safe for work)</span>
								</div>
								<h3>Link posts formation</h3>
									<div class="check_brg">
									<span>&nbsp;&nbsp;&nbsp;<input type="radio"> uploaded / inserted Order &nbsp;&nbsp;&nbsp;</span>
									<span><input type="radio"> Updated timing format</span>
								</div>
								<h2>Recieve Your Accessing Details</h2>
								<h3>Submit Email ID</h3>
								<input type="text" class="brg_pad" style="width:325px;"/>
								<a class="pri_pub_btn" href="index.htm">Save</a>
								<h1>Continue Customising of Formation</h1>
								<div>
									<img src="imgs/social_media/ascending.png"/>
									<img src="imgs/social_media/horizental.png"/>
								</div>
							</div>
						</div>
						<div class="boost_keyword">
							<h3>Your keywords (Meta tags to boost page SEO)</h3>
							<input type="text"/>
						</div>
						<!--<div>
							<h3 class="text_ap">Your Accessing Details</h3>
							<div class="access_details">
								<div>
									<p><strong>Submit Email ID</strong></p>
									<input class="hastag_w brg_pad" type="text" placeholder="EXAMPLE@EXAMPLE.COM"/>
								</div>
								<div>
									<p><strong>mobile number</strong></p>
									<input class="m_number brg_pad" type="text"/>
								</div>
								<div>
									<input class="save" type="submit" value="save"/>
								</div>
							</div>
							<div class="access_details">
								<div class="continue">
									<a href="montage.html" class="" >No thanks! i can remember accesing details
									<p><strong>Continue Customising</strong></p></a>
								</div>
							</div>
						</div>-->
						</div>
						<div id="hideandshow_public" style="display:none;">
							<div class="user_accessing">
							<h3>Your Accessing Details</h3>
						</div>
						<div class="access_details">
							<div>
								<p>Specify Your Hashtag</p>
								<input class="public_hashtag brg_pad" type="text" placeholder="#EXAMPLE"/>
							</div>
						</div>
						<div class="access_details">
							<div>
								<p>Specify Your Hashtag</p>
								<img class="access_img_w" src="imgs/social_media/upload_img.png"/>
							</div>
							<div>
								<p>(Should not exceed more than 3000 Chars)</p>
								<textarea class="access_input_address brg_pad"></textarea>
							</div>
							
						</div>
						<div>
							<div class="access_details">
								<div class="keyword_metatag">
									<p><strong>Your keywords (Meta tags to boost page SEO)</strong></p>
									<input class="keyword_metatag_w brg_pad" type="text"/>
								</div>
							</div>
							<div class="access_details">
								<div class="continue">
									<a href="montage.html">
									<strong>Continue Customising</strong></a>
								</div>
							</div>
						</div>
						</div>
						</div>
				</div>
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="footer_global">
		<div class="footer_context">Taggerz.&nbsp;&nbsp;&nbsp;&nbsp;  Privacy Policy&nbsp;&nbsp;|&nbsp;&nbsp;Copy rights&nbsp;&nbsp;|&nbsp;&nbsp;Disclaimer</div>
	</div>
	
<div id="pop-up-1" class="pop-up-display-content">
<h1 class="tg_users_title">Login Using one of your Social network</h1>
<div class="tg_users_socila_login">
	<img src="imgs/social_media/facebook.png"/>
	<img src="imgs/social_media/google+.png"/>
</div>
<div class="tg_users_email_login">
	<h1>Or</h1>
	<h1>Your email ID</h1>
	<div class="tg_create_email">
		<p>Email ID</p>
		<input type="text" class="text_pad" name="email" id="email"/>
		<p>Password</p>
		<input type="text" class="text_pad" name="pass" id="pass"/>
		<p class="tg_email_btn"><a href="user-login.html" class="btn">CONTINUE</a></p>
	</div>
</div>
</div>
<script>
$(document).ready(function () {
    //basic pop-up
    $('#open-pop-up-1').click(function(e) {
        e.preventDefault();
        $('#pop-up-1').popUpWindow({action: "open"});
    });
	$(document).keydown(function(e) {
	if (e.keyCode == 27) {
        $('#pop-up-1').popUpWindow({action: "close"});
    }
	});
});

$(document).ready(function(){
$( "#private_btn" ).removeClass( "rem_active_btn" ).addClass( "active_btn" );
  $("#private_btn").click(function(){
	$( "#private_btn" ).removeClass( "rem_active_btn" ).addClass( "active_btn" );
	$( "#public_btn" ).removeClass( "act_public_btn" ).addClass( "public_btn" );
    $("#hideandshow_private").show();	 
	 $("#hideandshow_public").hide();
  });
  $("#public_btn").click(function(){
	$( "#private_btn" ).removeClass( "active_btn" ).addClass( "rem_active_btn" );
	$( "#public_btn" ).removeClass( "public_btn" ).addClass( "act_public_btn" );
    $("#hideandshow_public").show();
	 $("#hideandshow_private").hide();
  });
});
</script>